<!DOCTYPE HTML>
<html>
<head>
<title>Virtual Traning Pedia - Technology Games, Courses, Hot Jobs, Interview Questions</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<link rel="stylesheet" href="fonts/css/font-family.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<script src="js/jquery.min.js"></script>
<script src="js/commonfunctions.js"></script>
<script src="js/url.js"></script>
<script src="js/load.js"></script>
<script>
$( document ).ready(function() {
	if(typeof localStorage["admin_id"]=='undefined'){
		window.location="index.html";
	}
	editTechnology();
});
</script>
<link href="css/jquery.nouislider.css" rel="stylesheet">
<script src="js/jquery.nouislider.js"></script>

<link rel="stylesheet" href="css/clndr.css" type="text/css" />
<script src="js/underscore-min.js"></script>
<script src= "js/moment-2.2.1.js"></script>
<script src="js/clndr.js"></script>
<script src="js/site.js"></script>


<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/sky-forms.css">
<link rel="stylesheet" href="css/sky-forms-orange.css">
<script src="js/jquery-ui.min.js"></script>
</head>
	<body>
	<div class="col-md-12 "> <a href="javascript:void(0);" onclick="logoFunction(0)"><img src="images/vtp-logo.png" width="163" height="127" class="img-responsive logo"></a><div style="position:absolute; top:47px; right:90px;"><button type="button" onclick="logoutFunction()" class="btn btn-danger btn-outline btn-sm">Logout</button></div> </div>
	<div class="col-md-12">
			<div class="grid2_of_1">
					
                    <div class="body">			
			<form class="sky-form" id="tech_form" >
				<header>Add Technology</header>
				<fieldset>
					<section>
						<label for="file" class="input">
							<input type="text" id="technology_name" name="technology_name" placeholder="subject Name"><span id="technology_nameError" style="color:red;" ></span>
						</label>
					</section>
				<section>
				    <label class="label">Technology Description</label>
						<label class="textarea textarea-resizable">
							<textarea id="tech_description" name="tech_description" placeholder="Technology Description"></textarea><span id="tech_descriptionError" style="color:red;"></span>
						</label>
				  </section>
				  <section>
				    <label class="label">Technology Image</label>
						<label class="">
							<span id="display_Image" ></span>
							<input type="file" id="techimage" name="techimage" onchange="storeImage()"><span id="techimageError"  id="techimageError" style="color:red;"></span>
							<input type="hidden" id="hidimage" name="hidimage">
							<input type="hidden" id="hid_display_image" name="hid_display_image" value="0" >
						</label>
				  </section>
				</fieldset>			
				<footer>
					<button type="button"  class="button" onclick="addTechnology()">Submit</button>
					<a href="technologylist.html" ><button type="button"  class="button" >Back</button></a>
					<span id="techloader" ></span>
					<span id="contacsuccess" style="color:red;"></span>
					<input type="hidden" id="hid_technology_id" value="-1" />
					<input type="hidden" id="hid_tech_val" value="0" />
				</footer>
			</form>
		</div>
		</div>
	</div>				
<div class="clearfix"></div>
	<div class="copy">
		<p class="link"><span>&#169;All rights reserved |  by&nbsp;<a href="#"> Virtual Traning Pedia</a></span></p>
	</div>
</div>
</div>
</div>
</body>
</html>
<script>
function readImage(file) {

    var reader = new FileReader();
    var image  = new Image();

    reader.readAsDataURL(file);  
    reader.onload = function(_file) {
        image.src    = _file.target.result;
		$("#hidimage").val(image.src);   
    };
}
function storeImage(){
    var F = $("#techimage")[0].files;
    if(F && F[0]) for(var i=0; i<F.length; i++) readImage( F[i]);
}
</script>